<!--
 * @Description: 字体图标库
 * @Author: rendc
 * @Date: 2025-09-12 09:17:42
 * @LastEditors: rendc
 * @LastEditTime: 2025-09-12 10:03:58
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>字体图标库</title>
  <!-- 引入字体图标库资源 -->
  <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
    integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw=="
    crossorigin="anonymous" referrerpolicy="no-referrer" /> -->
  <!-- <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/7.0.0/css/fontawesome.css" rel="stylesheet"> -->

  <!-- <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> -->
  <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
  <!-- <link href="font-awesome.css" rel="stylesheet"> -->
  <!-- <link rel="stylesheet" href="font-awesome.min.css"> -->
</head>

<body>
  字体图标库
  <!-- https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css -->
  <br>
  <!-- 关机 -->
  <i class="fa fa-power-off"></i>

  <i class="fa fa-camera-retro fa-lg"></i> fa-lg
  <i class="fa fa-camera-retro fa-2x"></i> fa-2x
  <i class="fa fa-camera-retro fa-3x"></i> fa-3x
  <i class="fa fa-camera-retro fa-4x"></i> fa-4x
  <i class="fa fa-camera-retro fa-5x fa-spin"></i> fa-5x

  <!-- 电话 -->
  fa-phone
  <!-- 问号 -->
  fa-question

  <img src="./img/emoji.png" alt="">
  <img src="./img/emoji2.png" alt="">

</body>

</html>